<template>
    <div class="home-warp">
        <div class="list">
            <home-item v-for="(item,index) in list" :key="index" :data="item"></home-item>
        </div>
    </div>
</template>

<script>
import HomeItem from './Item'
export default {
    name: 'HomeWarp',
    components: {
        HomeItem
    },
    props: {
        list: {
            type: Array
        }
    }
}
</script>

<style lang="scss" scoped>
@import '../../assets/scss/theme.scss';
.home-warp{
    width:100%;
    height:calc(100% - 57px);
    touch-action: none;
    overflow: auto;
    padding:0 0 3.375rem 0;
    @include background_color("background_color3");
    .list{
        padding:0 0.5rem;
        @include background_color("background_color5");
    }
}

</style>